<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>陌上</title>
    <link rel="icon" href="https://img.touxiangkong.com/zb_users/upload/2022/11/202211251669344172411383.jpg">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>欢迎来到陌上的网站</h1>
        <div class="login-register-container">
            <div class="login-box">
                <h2>登录</h2>
                <form action="login.php" method="post">
                    <div class="input-group">
                        <label for="username">用户名：</label>
                        <input type="text" id="username" name="username" placeholder="请输入用户名">
                    </div>
                    <div class="input-group">
                        <label for="password">密码：</label>
                        <input type="password" id="password" name="password" placeholder="请输入密码">
                    </div>
                    <input type="submit" value="登录">
                </form>
            </div>
            <div class="register-box">
                <h2>注册</h2>
                <form action="register.php" method="post">
                    <div class="input-group">
                        <label for="new-username">用户名：</label>
                        <input type="text" id="new-username" name="new-username" placeholder="请输入用户名">
                    </div>
                    <div class="input-group">
                        <label for="new-password">密码：</label>
                        <input type="password" id="new-password" name="new-password" placeholder="请输入密码">
                    </div>
                    <div class="input-group">
                        <label for="confirm-password">确认密码：</label>
                        <input type="password" id="confirm-password" name="confirm-password" placeholder="请再次输入密码">
                    </div>
                    <input type="submit" value="注册">
                </form>
            </div>
        </div>
    </div>
</body>
</html>
